<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>腾讯tab切换</title>
    <link rel="stylesheet" href="./indx.css">
    <script src="../jquery-3.6.0.min.js"></script>
</head>

<body>
    <div class="main">
        <div class="tab">
            <ul>
                <li class="active">
                    <a href="//news.qq.com">要闻</a>
                </li>

                <li>
                    <a href="//new.qq.com/ch/antip/">抗肺炎</a>
                </li>
                <span></span>
            </ul>
        </div>
        <div class="content">
            <div class="importantNews">
                <ul>
                    <li>
                        <a href="https://new.qq.com/omn/20211021/20211021V02ODY00.html" target="_blank">重磅微视频《我们的长征路》</a>
                    </li>
                    <li>
                        <a href="https://new.qq.com/omn/20211021/20211021A062OL00.html" target="_blank">习近平向新西兰新任总督基罗致贺电</a>
                        <a href="https://new.qq.com/omn/20211021/20211021A02GYX00.html" target="_blank">新时代长征路</a>
                    </li>
                    <li>
                        <a href="https://new.qq.com/omn/20211020/20211020A00XZU00.html" target="_blank">习近平这样阐释人民民主</a>
                        <a href="https://new.qq.com/omn/20211020/20211020A066RL00.html" target="_blank">走近冬奥</a>
                        <a href="https://new.qq.com/omn/20211021/20211021A013E200.html" target="_blank">冬奥短片：燃！</a>
                    </li>
                    <li>
                        <a href="https://new.qq.com/omn/20211020/20211020A0C8WQ00.html" target="_blank">严打煤炭现货市场哄抬物价</a>
                        <a href="https://new.qq.com/omn/20211020/20211020A0C8YU00.html" target="_blank">督导煤炭保供稳价工作</a>
                        <a href="https://new.qq.com/omn/20211020/20211020A0C8XV00.html" target="_blank">保供稳价</a></li>
                    <li>
                        <a href="https://new.qq.com/omn/TWF20211/TWF2021102100217400.html" target="_blank">关于“自媒体”违规采编发布财经信息专项整治公告</a>
                    </li>
                    <li>
                        <a href="https://new.qq.com/omn/20211021/20211021A02ODE00.html" target="_blank">人民财评：着眼长远，中国经济增长中踩准节奏</a>
                    </li>
                    <li>
                        <a href="https://new.qq.com/omn/20211021/20211021A01RC100.html" target="_blank">这张敬礼照，令人肃然起敬！</a>
                        <a href="https://new.qq.com/omn/20211021/20211021A027KT00.html" target="_blank">传承红岩精神</a>
                    </li>
                    <li>
                        <a href="https://new.qq.com/omn/20211021/20211021V044YR00.html" target="_blank">“中国梦”主题新创作歌曲《请放心吧祖国》</a>
                    </li>
                </ul>
            </div>
            <div class="importantNews">
                <ul>
                    <li><a href="https://new.qq.com/omn/20211021/20211021A01KZ000.html" target="_blank">湖北＋2、湖南＋1，疫情来势汹汹？专家分析</a></li>
                    <li class="notBold"><a href="https://new.qq.com/omn/20211020/20211020A09PEX00.html" target="_blank">陕西新增1例本土确诊病例 为无症状感染者转确诊</a></li>
                    <li class="notBold"><a href="https://new.qq.com/omn/20211020/20211020A0A02K00.html" target="_blank">3个月内2次遇到确诊游客，这家面馆被全网安慰</a></li>
                    <li><a href="https://new.qq.com/omn/20211021/20211021A01ZG300.html" target="_blank">甘肃兰州市发现4名核酸阳性人员 系一确诊病例同乘人员</a></li>
                    <li><a href="https://new.qq.com/omn/20211021/20211021A01LYD00.html" target="_blank">湖北天门新增2例本土确诊病例，曾在内蒙古、甘肃旅游</a></li>
                    <li><a href="https://new.qq.com/omn/20211021/20211021A01HX200.html" target="_blank">北京昨日无新增确诊 新增1例境外输入无症状感染者</a></li>
                    <li><a href="https://new.qq.com/omn/20211021/20211021A01IPI00.html" target="_blank">上海昨日无新增本土新冠肺炎病例 新增6例境外输入病例</a></li>
                    <li><a href="https://new.qq.com/omn/20211021/20211021A028GV00.html" target="_blank">甘肃省张掖市：齐心协力打好防疫阻击战</a></li>
                </ul>
            </div>
        </div>
    </div>
    <script>
        $(function() {
            $(".tab>ul>li").hover(function() {
                let index = $(this).index();
                $(this).addClass("active").siblings().removeClass("active");
                $(".content>div").eq(index).show().siblings("div").hide();
            })

            $(".content>div>ul>li>a").on("mouseenter", function() {
                $(this).css("color", "#1479d7");
            })
            $(".content>div>ul>li>a").on("mouseleave", function() {
                $(this).css("color", "");
            })
        })
    </script>
</body>

</html>

</html>